/* line 1, ../scss/TEEEM.MAIN.scss */
html, body {
  height: 100%;
  min-height: 100%;
  font-family: 'Lato', sans-serif;
  color: #555555;
  font-size: 13px;
  font-weight: 300;
}

/* line 10, ../scss/TEEEM.MAIN.scss */
input {
  font-family: 'Lato', sans-serif;
  color: #555555;
  font-size: 13px;
}

/* line 16, ../scss/TEEEM.MAIN.scss */
body {
  background: #eeeeee fixed center top url("http://teeem.co.uk/img/bg_light9.png");
}

/* line 20, ../scss/TEEEM.MAIN.scss */
:focus {
  outline: none;
}

/* line 22, ../scss/TEEEM.MAIN.scss */
h1, h2, h3 {
  font-weight: 300;
}

/* line 26, ../scss/TEEEM.MAIN.scss */
p, h1, h2, h3 {
  margin: 0 0 10px 0;
}

/* line 30, ../scss/TEEEM.MAIN.scss */
.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

/* line 38, ../scss/TEEEM.MAIN.scss */
hr {
  margin: 10px;
  border: none;
  border-top: 1px solid #dddddd;
}

/* line 44, ../scss/TEEEM.MAIN.scss */
#loading {
  height: 50px;
  line-height: 50px;
  width: 50px;
  position: fixed;
  top: 5px;
  left: 5px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 20px;
  opacity: 0;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
}
/* line 66, ../scss/TEEEM.MAIN.scss */
#loading.active {
  opacity: 1;
}

/* line 71, ../scss/TEEEM.MAIN.scss */
#log {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  position: fixed;
  bottom: 0;
  color: white;
  z-index: 50;
}
/* line 81, ../scss/TEEEM.MAIN.scss */
#log div {
  padding: 5px 10px;
  line-height: 30px;
  min-height: 30px;
  line-height: 30px;
}
/* line 88, ../scss/TEEEM.MAIN.scss */
#log .active {
  top: 100%;
}

/* line 93, ../scss/TEEEM.MAIN.scss */
.btn {
  background: #555555;
  color: white;
  display: inline-block;
  padding: 0 10px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 5px;
}
/* line 104, ../scss/TEEEM.MAIN.scss */
.btn:hover {
  background: rgba(0, 74, 255, 0.8);
  color: white;
}

/* line 1, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea {
  margin-left: 300px;
  min-width: 500px;
  max-width: 800px;
  margin-left: -250px;
  min-width: 500px;
  max-width: 800px;
  left: 50%;
  position: relative;
  background: white;
  min-height: 100%;
  box-shadow: 0 0 5px 0 #ddd;
}
/* line 16, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #settings {
  padding: 20px;
}
/* line 20, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #profile, #contentArea #login {
  padding: 20px;
}
/* line 23, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #profile .field, #contentArea #login .field {
  margin-bottom: 10px;
  height: 28px;
}
/* line 28, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #profile .label, #contentArea #login .label {
  display: inline-block;
  width: 150px;
  line-height: 28px;
  font-weight: bold;
}
/* line 35, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #profile input[type=text], #contentArea #profile input[type=password], #contentArea #login input[type=text], #contentArea #login input[type=password] {
  padding: 5px 10px;
  border: 1px solid #dddddd;
  width: 300px;
}
/* line 41, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #profile hr, #contentArea #login hr {
  margin: -5px 0 15px 0;
}
/* line 46, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages, #contentArea .messages {
  padding: 20px;
}
/* line 49, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages #editor, #contentArea .messages #editor {
  line-height: 1;
  min-height: 54px;
  padding: 2px;
}
/* line 55, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message, #contentArea .messages .message {
  border: 1px solid white;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  margin-bottom: 20px;
}
/* line 62, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .left, #contentArea .messages .message .left {
  float: left;
  border-right: 1px solid #eeeeee;
  margin: 10px;
}
/* line 67, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .left .image, #contentArea .messages .message .left .image {
  float: left;
  margin-right: 10px;
  border-radius: 3px;
  height: 70px;
  width: 70px;
  cursor: pointer;
}
/* line 74, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .left .image img, #contentArea .messages .message .left .image img {
  border-radius: 4px;
  height: 70px;
  width: 70px;
}
/* line 81, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .left #submitPost, #contentArea .messages .message .left #submitPost {
  float: left;
  clear: left;
  margin-top: 10px;
}
/* line 88, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .center, #contentArea .messages .message .center {
  margin: 10px;
}
/* line 91, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .center img, #contentArea .messages .message .center img {
  max-width: 100%;
  border-radius: 4px;
}
/* line 96, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .center .name, #contentArea .messages .message .center .name {
  font-weight: 600;
  height: 25px;
}
/* line 101, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .center .name span, #contentArea .messages .message .center .name span {
  color: rgba(0, 74, 255, 0.8);
  position: relative;
}
/* line 105, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .center .name span:after, #contentArea .messages .message .center .name span:after {
  content: attr(data-holo);
  position: absolute;
  left: 3px;
  top: 3px;
  color: rgba(132, 255, 0, 0.5);
  width: 100%;
}
/* line 116, ../scss/TEEEM.CONTENTAREA.scss */
#contentArea #messages .message .center .content, #contentArea .messages .message .center .content {
  margin-left: 91px;
  line-height: 1;
}

/* line 1, ../scss/TEEEM.HEADER.scss */
#header {
  height: 50px;
  color: #555555;
}
/* line 6, ../scss/TEEEM.HEADER.scss */
#header .feed {
  float: left;
  font-size: 24px;
  text-align: center;
  width: 100%;
}
/* line 12, ../scss/TEEEM.HEADER.scss */
#header .feed #version {
  float: left;
}
/* line 16, ../scss/TEEEM.HEADER.scss */
#header .feed span {
  color: rgba(0, 74, 255, 0.8);
  position: relative;
}
/* line 20, ../scss/TEEEM.HEADER.scss */
#header .feed span:after {
  content: attr(data-holo);
  position: absolute;
  left: 3px;
  top: 3px;
  color: rgba(132, 255, 0, 0.5);
  width: 100%;
}
/* line 31, ../scss/TEEEM.HEADER.scss */
#header ul, #header li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 37, ../scss/TEEEM.HEADER.scss */
#header ul {
  float: right;
  font-size: 24px;
  position: relative;
  z-index: 99999;
}
/* line 44, ../scss/TEEEM.HEADER.scss */
#header li {
  float: right;
  width: 35px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  text-align: center;
}
/* line 52, ../scss/TEEEM.HEADER.scss */
#header li:hover {
  color: #7dd20f;
}
/* line 57, ../scss/TEEEM.HEADER.scss */
#header hr {
  margin: 5px 0;
}
/* line 61, ../scss/TEEEM.HEADER.scss */
#header #contextMenu {
  font-size: 18px;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 67, ../scss/TEEEM.HEADER.scss */
#header #contextMenu:hover {
  color: #555555;
  border: 1px solid #dddddd;
  box-shadow: 0 0 5px 0 #dddddd;
  width: 33px;
  height: 33px;
  line-height: 33px;
}
/* line 76, ../scss/TEEEM.HEADER.scss */
#header #contextMenu:hover #contextMenuContent {
  display: block;
}
/* line 81, ../scss/TEEEM.HEADER.scss */
#header #contextMenu #contextMenuContent {
  margin-right: -1px;
  border: 1px solid #dddddd;
  box-shadow: 0 0 5px 0 #dddddd;
  border-radius: 3px;
  text-align: left;
  border-top-right-radius: 0;
  line-height: 25px;
  display: none;
  min-width: 150px;
  float: right;
  font-size: 13px;
  background: white;
}
/* line 95, ../scss/TEEEM.HEADER.scss */
#header #contextMenu #contextMenuContent div {
  padding: 5px 10px;
}
/* line 97, ../scss/TEEEM.HEADER.scss */
#header #contextMenu #contextMenuContent div:hover {
  background: #eeeeee;
}

/* line 1, ../scss/TEEEM.SIDEBAR.scss */
#sidebar {
  width: 300px;
  height: 100%;
  position: fixed;
  background: #eeeeee;
  border-right: solid 1px #dddddd;
  box-shadow: inset 0 0 5px 0 #dddddd;
  left: 50%;
  margin-left: -550px;
}
/* line 12, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .title {
  font-size: 50px;
  text-align: center;
}
/* line 17, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .title span {
  display: inline;
  position: relative;
  color: rgba(0, 74, 255, 0.8);
}
/* line 22, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .title span:after {
  content: attr(data-holo);
  position: absolute;
  left: 3px;
  top: 3px;
  color: rgba(132, 255, 0, 0.5);
}
/* line 34, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .profile .image, #sidebar .content .image {
  float: left;
  margin: 10px;
  border-radius: 3px;
  height: 100px;
  width: 100px;
}
/* line 42, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .profile .name, #sidebar .content .name {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  width: 190px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: 400;
  margin-left: 10px;
}
/* line 54, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .profile .name span, #sidebar .content .name span {
  color: rgba(0, 74, 255, 0.8);
  position: relative;
}
/* line 58, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .profile .name span:after, #sidebar .content .name span:after {
  content: attr(data-holo);
  position: absolute;
  left: 3px;
  top: 3px;
  color: rgba(132, 255, 0, 0.5);
  width: 100%;
}
/* line 69, ../scss/TEEEM.SIDEBAR.scss */
#sidebar .profile .description, #sidebar .content .description {
  margin-top: 10px;
  float: left;
  text-transform: none;
  font-size: 13px;
  width: 170px;
  padding-right: 10px;
  line-height: 1.5;
}
